DIV#cpicker_box {
	position: absolute;
	width: 380px;
	height: 260px;
	font-family: "Segoe UI", arial;
	font-size: 12px;
}

DIV#cpicker_map {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 256px;
	height: 256px;
	border: 1px solid #666666;
	background-image: url('./img/map.png');
	background-color: #FF0000;
	overflow: hidden;
}

DIV#cpicker_bar {
	position: absolute;
	top: 5px;
	left: 275px;
	width: 20px;
	height: 256px;
	border: 1px solid #666666;
	background-image: url('./img/bar.png');
}

DIV#cpicker_cursor_map {
	position: absolute;
	top: 0px;
	left: 0px;
	margin-top: -5px;
	margin-left: -5px;
	width: 11px;
	height: 11px;
	background-image: url('./img/cursor.png');
}

DIV#cpicker_selector_bar {
	position: absolute;
	top: 0px;
	left: -10px;
	right: -10px;
	margin-top: -5px;
	height: 9px;
	background-image: url('./img/selector.png');
}

DIV.cpicker_colors_select {
	position: absolute;
	top: 5px;
	left: 310px;
	width: 60px;
	height: 60px;
	border: 1px solid #666666;
}

DIV#cpicker_colors_select_new {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 30px;
	background-color: red;
}

DIV#cpicker_colors_select_old {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 30px;
	background-color: blue;
}

DIV.cpicker_infos_hsb {
	position: absolute;
	top: 70px;
	left: 310px;
	width: 100px;
}

DIV.cpicker_infos_rgb {
	position: absolute;
	top: 145px;
	left: 310px;
	width: 100px;
}

DIV#cpicker_box LABEL {
	display: inline;
	float: left;
	width: 20px;
}

INPUT.cpiker_info {
	width: 20px;
}

INPUT#cpiker_hex {
	width: 40px;
}

DIV.cpicker_infos_hex {
	position: absolute;
	top: 225px;
	left: 310px;
	width: 100px;
	height: 60px;
}